<template>
    <div class="swiper-container">
      <div class="swiper-wrapper">
          <router-link to="/goodslist"><div class="swiper-slide">Slide 1</div></router-link>
          <div class="swiper-slide">Slide 2</div>
          <div class="swiper-slide">Slide 3</div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
      
      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
      
      <!-- 如果需要滚动条 -->
      <div class="swiper-scrollbar"></div>
  </div>
</template>

<script>
    export default {
        
      components:{
        Footer,
        Recommend,
        Overseas,
        Woman,
        Man,
        Makeup,
        Furnishing,
        Infant,
        Comingsoon
      },
      methods:{
        handleChange(ev){
          this.num=ev
          console.log(ev);
          // categoryId,这是id
        }
      }
    }



</script>

<style scoped>
.search{
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff
}
.searchs{
  display: flex;
  justify-content: space-around;
  align-items : center;
  margin-top: 10px;
}
.user{
 font-size: 24px;
}
.cart{
font-size: 24px;
}
</style>